﻿var goodsColumnDetailCom = Vue.extend({

    data() {
        return {
            menuData:[],
            menuGoods:[],
            detail:{},
            houseList:[],
        };
    },
    watch:{
        $route(to){
            console.log(to);
            //var reg=/productDet\/\d+/;
            if (this.$route.params.id) {
                this.fetchData(this.$route.params.id);
            }
            
        }
    },
    mounted: function() {
        this.$nextTick(function() {//this.TouchSlide();
            this.fetchData(this.$route.params.id);
            this.mainSlider();
        });
    },
    methods: {
        fetchData(id){
            //var _this=this;
            this.houseList = JSON.parse(localStorage.getItem('house'));
            this.detail=this.houseList[id];
            console.log(this.detail);
        },

        mainSlider:function () {
            $('#main-slider').slick({
                dots: false,
                infinite: true,
                fade: true,
                speed: 1000,
                autoplaySpeed: 3000,
                lazyLoad: 'progressive',
                cssEase: 'linear',
                adaptiveHeight:true,
                autoplay: true,
                prevArrow: '<i class="fa fa-angle-right"></i>',
                nextArrow: '<i class="fa fa-angle-left"></i>',
                responsive: [
                    {
                        breakpoint: 991,
                        settings: {
                            arrows: false
                        }
                    }
                ]
            });
        },
    },
    props: [''],
    template: '\
<div id="property-single">\
    <div id="main-slider">\
        <div class="slide">\
            <img src="assets/images/slider/1.jpg" alt="Slide"></div>\
        <div class="slide">\
            <img src="assets/images/slider/2.jpg" alt="Slide"></div>\
        <div class="slide">\
            <img src="assets/images/slider/3.jpg" alt="Slide"></div>\
        <div class="slide">\
            <img src="assets/images/slider/4.jpg" alt="Slide"></div>\
    </div>\
    <div class="container">\
        <div class="row">\
            <div class="col-lg-8 col-md-7">\
                <section class="property-meta-wrapper common">\
                    <h3 class="entry-title">{{detail.title}}</h3>\
                    <div class="property-single-meta">\
                        <ul class="clearfix">\
                            <li>\
                                <span>Property Size :</span>2560 Sq Ft</li>\
                            <li>\
                                <span>Property ID :</span>#223a23</li>\
                            <li>\
                                <span>Bedrooms :</span>03 Room</li>\
                            <li>\
                                <span>Bathrooms :</span>05 Room</li>\
                            <li>\
                                <span>Garage Size :</span>Yes - 200 SqFt</li>\
                            <li>\
                                <span>Year Built :</span>2016-01-09</li>\
                            <li>\
                                <span>Price :</span>{{detail.price | currency}}</li>\
                            <li>\
                                <span>Address :</span>{{detail.address}}</li></ul>\
                    </div>\
                </section>\
                <section class="property-contents common">\
                    <div class="entry-title clearfix">\
                        <h4 class="pull-left">Description</h4>\
                        <a class="pull-right print-btn" href="javascript:window.print()">Print This Property\
                            <i class="fa fa-print"></i></a>\
                    </div>\
                    <p>{{detail.Description}}</p>\
                </section>\
                <section class="property-single-features common clearfix">\
                    <h4 class="entry-title">Property Features</h4>\
                    <ul class="property-single-features-list clearfix">\
                        <li>Air Conditioning</li>\
                        <li>Cable TV</li>\
                        <li>Cot</li>\
                        <li class="disabled">Fan</li>\
                        <li>Lift</li>\
                        <li>Parking</li>\
                        <li>Separate Shower</li>\
                        <li>Office/den</li>\
                        <li class="disabled">Air Conditioning</li>\
                        <li>Cable TV</li>\
                        <li>Cot</li>\
                        <li>Fan</li>\
                        <li>Lift</li>\
                        <li class="disabled">Parking</li>\
                        <li>Cot</li>\
                        <li>Fan</li>\
                        <li>Lift</li>\
                        <li>Parking</li>\
                        <li>Separate Shower</li>\
                        <li class="disabled">Office/den</li>\
                        <li>Air Conditioning</li>\
                        <li>Cable TV</li></ul>\
                </section>\
                <section class="property-video common">\
                    <h4 class="entry-title">Video Tour</h4>\
                    <iframe src="" allowfullscreen></iframe>\
                </section>\
                <section class="property-nearby-places common">\
                    <h4 class="entry-title">Near By Places</h4>\
                    <div id="nearby-places-map"></div>\
                </section>\
                <section class="property-agent common">\
                    <h4 class="entry-title">Contact Agent</h4>\
                    <div class="row">\
                        <div class="col-lg-7">\
                            <div class="agent-box clearfix">\
                                <div class="row">\
                                    <div class="col-sm-5 col-xs-5">\
                                        <a href="#" class="agent-image">\
                                            <img src="assets/images/agents/2.jpg" alt="Agent Image"></a>\
                                    </div>\
                                    <div class="col-sm-7 col-xs-7">\
                                        <cite class="agent-name">Michelle Ramirez</cite>\
                                        <small class="designation">Company Agent at Realtory Inc.</small>\
                                        <ul class="agent-social-handlers clearfix">\
                                            <li>\
                                                <a href="#">\
                                                    <i class="fa fa-facebook-square"></i>Facebook</a>\
                                            </li>\
                                            <li>\
                                                <a href="#">\
                                                    <i class="fa fa-twitter-square"></i>Twitter</a>\
                                            </li>\
                                            <li>\
                                                <a href="#">\
                                                    <i class="fa fa-pinterest-square"></i>Pinterest</a>\
                                            </li>\
                                            <li>\
                                                <a href="#">\
                                                    <i class="fa fa-google-plus-square"></i>Google Plus</a>\
                                            </li>\
                                        </ul>\
                                        <a href="#" class="btn btn-warning">View Profile</a></div>\
                                </div>\
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. luctus ligula ac faucibus faucibus. Cras in nisi in turpis eleifend vehicula at at massa. Vivamus aliquet porttitor odio.</p>\
                            </div>\
                            <div class="widget address-widget clearfix">\
                                <ul>\
                                    <li>\
                                        <i class="fa fa-map-marker"></i>4 Tottenham Road, London, England.</li>\
                                    <li>\
                                        <i class="fa fa-phone"></i>(123) 45678910</li>\
                                    <li>\
                                        <i class="fa fa-envelope"></i>huycoi.art@gmail.com</li>\
                                    <li>\
                                        <i class="fa fa-fax"></i>+84 962 216 601</li>\
                                    <li>\
                                        <i class="fa fa-clock-o"></i>Mon - Sat: 9:00 - 18:00</li>\
                                </ul>\
                            </div>\
                        </div>\
                        <div class="col-lg-5">\
                            <div class="agent-contact-form">\
                                <form id="agent-form" class="agent-form" method="post" action="#">\
                                    <input type="text" name="name" placeholder="Full Name" class="required">\
                                    <input type="text" name="phone" placeholder="Phone Number" class="required">\
                                    <input type="text" name="email" placeholder="Email" class="email required">\
                                    <textarea name="message" cols="30" rows="5" class="required" placeholder="Message"></textarea>\
                                    <button class="btn btn-default btn-lg btn-3d" type="submit" data-hover="SUBMIT REQUEST">SUBMIT REQUEST</button>\
                                    <div class="error-container"></div>\
                                    <div class="message-container"></div>\
                                </form>\
                            </div>\
                        </div>\
                    </div>\
                </section>\
            </div>\
            <div class="col-lg-4 col-md-5">\
                <div id="property-sidebar">\
                    <section class="widget adv-search-widget clearfix">\
                        <h5 class="title hide">Search your Place</h5>\
                        <div id="advance-search-widget" class="clearfix">\
                            <form action="#" id="adv-search-form">\
                                <div id="widget-tabs">\
                                    <ul class="tab-list clearfix">\
                                        <li>\
                                            <a class="btn" href="#tab-1">Sale</a></li>\
                                        <li>\
                                            <a class="btn" href="#tab-2">Rent</a></li>\
                                        <li>\
                                            <a class="btn" href="#tab-3">office for rent</a></li>\
                                    </ul>\
                                    <div id="tab-1" class="tab-content current">\
                                        <fieldset class="clearfix">\
                                            <div>\
                                                <label for="main-location">All Location</label>\
                                                <select name="location" id="main-location">\
                                                    <option value="">All Cities</option>\
                                                    <option value="chicago">Chicago</option>\
                                                    <option value="los-angeles">Los Angeles</option>\
                                                    <option value="miami">Miami</option>\
                                                    <option value="new-york">New York</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-sub-location">Sub Location</label>\
                                                <select name="sub-location" id="property-sub-location">\
                                                    <option value="">All Areas</option>\
                                                    <option value="brickell">Brickell</option>\
                                                    <option value="brickyard">Brickyard</option>\
                                                    <option value="bronx">Bronx</option>\
                                                    <option value="brooklyn">Brooklyn</option>\
                                                    <option value="coconut-grove">Coconut Grove</option>\
                                                    <option value="downtown">Downtown</option>\
                                                    <option value="eagle-rock">Eagle Rock</option>\
                                                    <option value="englewood">Englewood</option>\
                                                    <option value="hermosa">Hermosa</option>\
                                                    <option value="hollywood">Hollywood</option>\
                                                    <option value="lincoln-park">Lincoln Park</option>\
                                                    <option value="manhattan">Manhattan</option>\
                                                    <option value="midtown">Midtown</option>\
                                                    <option value="queens">Queens</option>\
                                                    <option value="westwood">Westwood</option>\
                                                    <option value="wynwood">Wynwood</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-status">All Status</label>\
                                                <select id="property-status" name="status">\
                                                    <option value="">All Status</option>\
                                                    <option value="for-rent">For Rent</option>\
                                                    <option value="for-sale">For Sale</option>\
                                                    <option value="foreclosures">Foreclosures</option>\
                                                    <option value="new-costruction">New Costruction</option>\
                                                    <option value="new-listing">New Listing</option>\
                                                    <option value="open-house">Open House</option>\
                                                    <option value="reduced-price">Reduced Price</option>\
                                                    <option value="resale">Resale</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-type">All Types</label>\
                                                <select id="property-type" name="type">\
                                                    <option value="">All Types</option>\
                                                    <option value="apartment">Apartment</option>\
                                                    <option value="condo">Condo</option>\
                                                    <option value="farm">Farm</option>\
                                                    <option value="loft">Loft</option>\
                                                    <option value="lot">Lot</option>\
                                                    <option value="multi-family-home">Multi Family Home</option>\
                                                    <option value="single-family-home">Single Family Home</option>\
                                                    <option value="townhouse">Townhouse</option>\
                                                    <option value="villa">Villa</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-beds">No.Beds</label>\
                                                <select name="bedrooms" id="property-beds">\
                                                    <option value="">Beds</option>\
                                                    <option value="1">1</option>\
                                                    <option value="2">2</option>\
                                                    <option value="3">3</option>\
                                                    <option value="4">4</option>\
                                                    <option value="5">5</option>\
                                                    <option value="6">6</option>\
                                                    <option value="7">7</option>\
                                                    <option value="8">8</option>\
                                                    <option value="9">9</option>\
                                                    <option value="10">10</option>\
                                                    <option value="any">Any</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-baths">No.Baths</label>\
                                                <select name="bathrooms" id="property-baths">\
                                                    <option value="">Bathrooms</option>\
                                                    <option value="1">1</option>\
                                                    <option value="2">2</option>\
                                                    <option value="3">3</option>\
                                                    <option value="4">4</option>\
                                                    <option value="5">5</option>\
                                                    <option value="6">6</option>\
                                                    <option value="7">7</option>\
                                                    <option value="8">8</option>\
                                                    <option value="9">9</option>\
                                                    <option value="10">10</option>\
                                                    <option value="any">Any</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-min-area">Min Area(sqft)</label>\
                                                <input type="text" name="min-area" id="property-min-area"></div>\
                                            <div>\
                                                <label for="property-max-area">Max Area(sqft)</label>\
                                                <input type="text" name="max-area" id="property-max-area"></div>\
                                            <div>\
                                                <label for="property-min-price">Min Prices</label>\
                                                <select name="min-price" id="property-min-price">\
                                                    <option value="any" selected="selected">Any</option>\
                                                    <option value="1000">$1000</option>\
                                                    <option value="5000">$5000</option>\
                                                    <option value="10000">$10000</option>\
                                                    <option value="50000">$50000</option>\
                                                    <option value="100000">$100000</option>\
                                                    <option value="200000">$200000</option>\
                                                    <option value="300000">$300000</option>\
                                                    <option value="400000">$400000</option>\
                                                    <option value="500000">$500000</option>\
                                                    <option value="600000">$600000</option>\
                                                    <option value="700000">$700000</option>\
                                                    <option value="800000">$800000</option>\
                                                    <option value="900000">$900000</option>\
                                                    <option value="1000000">$1000000</option>\
                                                    <option value="1500000">$1500000</option>\
                                                    <option value="2000000">$2000000</option>\
                                                    <option value="2500000">$2500000</option>\
                                                    <option value="5000000">$5000000</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-max-price">Max Prices</label>\
                                                <select name="max-price" id="property-max-price">\
                                                    <option value="any" selected="selected">Any</option>\
                                                    <option value="5000">$5000</option>\
                                                    <option value="10000">$10000</option>\
                                                    <option value="50000">$50000</option>\
                                                    <option value="100000">$100000</option>\
                                                    <option value="200000">$200000</option>\
                                                    <option value="300000">$300000</option>\
                                                    <option value="400000">$400000</option>\
                                                    <option value="500000">$500000</option>\
                                                    <option value="600000">$600000</option>\
                                                    <option value="700000">$700000</option>\
                                                    <option value="800000">$800000</option>\
                                                    <option value="900000">$900000</option>\
                                                    <option value="1000000">$1000000</option>\
                                                    <option value="1500000">$1500000</option>\
                                                    <option value="2000000">$2000000</option>\
                                                    <option value="2500000">$2500000</option>\
                                                    <option value="5000000">$5000000</option>\
                                                    <option value="10000000">$10000000</option></select>\
                                            </div>\
                                        </fieldset>\
                                    </div>\
                                    <div id="tab-2" class="tab-content">\
                                        <fieldset class="clearfix">\
                                            <div>\
                                                <label for="main-location">All Location</label>\
                                                <select name="location" id="main-location">\
                                                    <option value="">All Cities</option>\
                                                    <option value="chicago">Chicago</option>\
                                                    <option value="los-angeles">Los Angeles</option>\
                                                    <option value="miami">Miami</option>\
                                                    <option value="new-york">New York</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-sub-location">Sub Location</label>\
                                                <select name="sub-location" id="property-sub-location">\
                                                    <option value="">All Areas</option>\
                                                    <option value="brickell">Brickell</option>\
                                                    <option value="brickyard">Brickyard</option>\
                                                    <option value="bronx">Bronx</option>\
                                                    <option value="brooklyn">Brooklyn</option>\
                                                    <option value="coconut-grove">Coconut Grove</option>\
                                                    <option value="downtown">Downtown</option>\
                                                    <option value="eagle-rock">Eagle Rock</option>\
                                                    <option value="englewood">Englewood</option>\
                                                    <option value="hermosa">Hermosa</option>\
                                                    <option value="hollywood">Hollywood</option>\
                                                    <option value="lincoln-park">Lincoln Park</option>\
                                                    <option value="manhattan">Manhattan</option>\
                                                    <option value="midtown">Midtown</option>\
                                                    <option value="queens">Queens</option>\
                                                    <option value="westwood">Westwood</option>\
                                                    <option value="wynwood">Wynwood</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-status">All Status</label>\
                                                <select id="property-status" name="status">\
                                                    <option value="">All Status</option>\
                                                    <option value="for-rent">For Rent</option>\
                                                    <option value="for-sale">For Sale</option>\
                                                    <option value="foreclosures">Foreclosures</option>\
                                                    <option value="new-costruction">New Costruction</option>\
                                                    <option value="new-listing">New Listing</option>\
                                                    <option value="open-house">Open House</option>\
                                                    <option value="reduced-price">Reduced Price</option>\
                                                    <option value="resale">Resale</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-type">All Types</label>\
                                                <select id="property-type" name="type">\
                                                    <option value="">All Types</option>\
                                                    <option value="apartment">Apartment</option>\
                                                    <option value="condo">Condo</option>\
                                                    <option value="farm">Farm</option>\
                                                    <option value="loft">Loft</option>\
                                                    <option value="lot">Lot</option>\
                                                    <option value="multi-family-home">Multi Family Home</option>\
                                                    <option value="single-family-home">Single Family Home</option>\
                                                    <option value="townhouse">Townhouse</option>\
                                                    <option value="villa">Villa</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-beds">No.Beds</label>\
                                                <select name="bedrooms" id="property-beds">\
                                                    <option value="">Beds</option>\
                                                    <option value="1">1</option>\
                                                    <option value="2">2</option>\
                                                    <option value="3">3</option>\
                                                    <option value="4">4</option>\
                                                    <option value="5">5</option>\
                                                    <option value="6">6</option>\
                                                    <option value="7">7</option>\
                                                    <option value="8">8</option>\
                                                    <option value="9">9</option>\
                                                    <option value="10">10</option>\
                                                    <option value="any">Any</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-baths">No.Baths</label>\
                                                <select name="bathrooms" id="property-baths">\
                                                    <option value="">Bathrooms</option>\
                                                    <option value="1">1</option>\
                                                    <option value="2">2</option>\
                                                    <option value="3">3</option>\
                                                    <option value="4">4</option>\
                                                    <option value="5">5</option>\
                                                    <option value="6">6</option>\
                                                    <option value="7">7</option>\
                                                    <option value="8">8</option>\
                                                    <option value="9">9</option>\
                                                    <option value="10">10</option>\
                                                    <option value="any">Any</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-min-area">Min Area(sqft)</label>\
                                                <input type="text" name="min-area" id="property-min-area"></div>\
                                            <div>\
                                                <label for="property-max-area">Max Area(sqft)</label>\
                                                <input type="text" name="max-area" id="property-max-area"></div>\
                                            <div>\
                                                <label for="property-min-price">Min Prices</label>\
                                                <select name="min-price" id="property-min-price">\
                                                    <option value="any" selected="selected">Any</option>\
                                                    <option value="1000">$1000</option>\
                                                    <option value="5000">$5000</option>\
                                                    <option value="10000">$10000</option>\
                                                    <option value="50000">$50000</option>\
                                                    <option value="100000">$100000</option>\
                                                    <option value="200000">$200000</option>\
                                                    <option value="300000">$300000</option>\
                                                    <option value="400000">$400000</option>\
                                                    <option value="500000">$500000</option>\
                                                    <option value="600000">$600000</option>\
                                                    <option value="700000">$700000</option>\
                                                    <option value="800000">$800000</option>\
                                                    <option value="900000">$900000</option>\
                                                    <option value="1000000">$1000000</option>\
                                                    <option value="1500000">$1500000</option>\
                                                    <option value="2000000">$2000000</option>\
                                                    <option value="2500000">$2500000</option>\
                                                    <option value="5000000">$5000000</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-max-price">Max Prices</label>\
                                                <select name="max-price" id="property-max-price">\
                                                    <option value="any" selected="selected">Any</option>\
                                                    <option value="5000">$5000</option>\
                                                    <option value="10000">$10000</option>\
                                                    <option value="50000">$50000</option>\
                                                    <option value="100000">$100000</option>\
                                                    <option value="200000">$200000</option>\
                                                    <option value="300000">$300000</option>\
                                                    <option value="400000">$400000</option>\
                                                    <option value="500000">$500000</option>\
                                                    <option value="600000">$600000</option>\
                                                    <option value="700000">$700000</option>\
                                                    <option value="800000">$800000</option>\
                                                    <option value="900000">$900000</option>\
                                                    <option value="1000000">$1000000</option>\
                                                    <option value="1500000">$1500000</option>\
                                                    <option value="2000000">$2000000</option>\
                                                    <option value="2500000">$2500000</option>\
                                                    <option value="5000000">$5000000</option>\
                                                    <option value="10000000">$10000000</option></select>\
                                            </div>\
                                        </fieldset>\
                                    </div>\
                                    <div id="tab-3" class="tab-content">\
                                        <fieldset class="clearfix">\
                                            <div>\
                                                <label for="main-location">All Location</label>\
                                                <select name="location" id="main-location">\
                                                    <option value="">All Cities</option>\
                                                    <option value="chicago">Chicago</option>\
                                                    <option value="los-angeles">Los Angeles</option>\
                                                    <option value="miami">Miami</option>\
                                                    <option value="new-york">New York</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-sub-location">Sub Location</label>\
                                                <select name="sub-location" id="property-sub-location">\
                                                    <option value="">All Areas</option>\
                                                    <option value="brickell">Brickell</option>\
                                                    <option value="brickyard">Brickyard</option>\
                                                    <option value="bronx">Bronx</option>\
                                                    <option value="brooklyn">Brooklyn</option>\
                                                    <option value="coconut-grove">Coconut Grove</option>\
                                                    <option value="downtown">Downtown</option>\
                                                    <option value="eagle-rock">Eagle Rock</option>\
                                                    <option value="englewood">Englewood</option>\
                                                    <option value="hermosa">Hermosa</option>\
                                                    <option value="hollywood">Hollywood</option>\
                                                    <option value="lincoln-park">Lincoln Park</option>\
                                                    <option value="manhattan">Manhattan</option>\
                                                    <option value="midtown">Midtown</option>\
                                                    <option value="queens">Queens</option>\
                                                    <option value="westwood">Westwood</option>\
                                                    <option value="wynwood">Wynwood</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-status">All Status</label>\
                                                <select id="property-status" name="status">\
                                                    <option value="">All Status</option>\
                                                    <option value="for-rent">For Rent</option>\
                                                    <option value="for-sale">For Sale</option>\
                                                    <option value="foreclosures">Foreclosures</option>\
                                                    <option value="new-costruction">New Costruction</option>\
                                                    <option value="new-listing">New Listing</option>\
                                                    <option value="open-house">Open House</option>\
                                                    <option value="reduced-price">Reduced Price</option>\
                                                    <option value="resale">Resale</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-type">All Types</label>\
                                                <select id="property-type" name="type">\
                                                    <option value="">All Types</option>\
                                                    <option value="apartment">Apartment</option>\
                                                    <option value="condo">Condo</option>\
                                                    <option value="farm">Farm</option>\
                                                    <option value="loft">Loft</option>\
                                                    <option value="lot">Lot</option>\
                                                    <option value="multi-family-home">Multi Family Home</option>\
                                                    <option value="single-family-home">Single Family Home</option>\
                                                    <option value="townhouse">Townhouse</option>\
                                                    <option value="villa">Villa</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-beds">No.Beds</label>\
                                                <select name="bedrooms" id="property-beds">\
                                                    <option value="">Beds</option>\
                                                    <option value="1">1</option>\
                                                    <option value="2">2</option>\
                                                    <option value="3">3</option>\
                                                    <option value="4">4</option>\
                                                    <option value="5">5</option>\
                                                    <option value="6">6</option>\
                                                    <option value="7">7</option>\
                                                    <option value="8">8</option>\
                                                    <option value="9">9</option>\
                                                    <option value="10">10</option>\
                                                    <option value="any">Any</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-baths">No.Baths</label>\
                                                <select name="bathrooms" id="property-baths">\
                                                    <option value="">Bathrooms</option>\
                                                    <option value="1">1</option>\
                                                    <option value="2">2</option>\
                                                    <option value="3">3</option>\
                                                    <option value="4">4</option>\
                                                    <option value="5">5</option>\
                                                    <option value="6">6</option>\
                                                    <option value="7">7</option>\
                                                    <option value="8">8</option>\
                                                    <option value="9">9</option>\
                                                    <option value="10">10</option>\
                                                    <option value="any">Any</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-min-area">Min Area(sqft)</label>\
                                                <input type="text" name="min-area" id="property-min-area"></div>\
                                            <div>\
                                                <label for="property-max-area">Max Area(sqft)</label>\
                                                <input type="text" name="max-area" id="property-max-area"></div>\
                                            <div>\
                                                <label for="property-min-price">Min Prices</label>\
                                                <select name="min-price" id="property-min-price">\
                                                    <option value="any" selected="selected">Any</option>\
                                                    <option value="1000">$1000</option>\
                                                    <option value="5000">$5000</option>\
                                                    <option value="10000">$10000</option>\
                                                    <option value="50000">$50000</option>\
                                                    <option value="100000">$100000</option>\
                                                    <option value="200000">$200000</option>\
                                                    <option value="300000">$300000</option>\
                                                    <option value="400000">$400000</option>\
                                                    <option value="500000">$500000</option>\
                                                    <option value="600000">$600000</option>\
                                                    <option value="700000">$700000</option>\
                                                    <option value="800000">$800000</option>\
                                                    <option value="900000">$900000</option>\
                                                    <option value="1000000">$1000000</option>\
                                                    <option value="1500000">$1500000</option>\
                                                    <option value="2000000">$2000000</option>\
                                                    <option value="2500000">$2500000</option>\
                                                    <option value="5000000">$5000000</option></select>\
                                            </div>\
                                            <div>\
                                                <label for="property-max-price">Max Prices</label>\
                                                <select name="max-price" id="property-max-price">\
                                                    <option value="any" selected="selected">Any</option>\
                                                    <option value="5000">$5000</option>\
                                                    <option value="10000">$10000</option>\
                                                    <option value="50000">$50000</option>\
                                                    <option value="100000">$100000</option>\
                                                    <option value="200000">$200000</option>\
                                                    <option value="300000">$300000</option>\
                                                    <option value="400000">$400000</option>\
                                                    <option value="500000">$500000</option>\
                                                    <option value="600000">$600000</option>\
                                                    <option value="700000">$700000</option>\
                                                    <option value="800000">$800000</option>\
                                                    <option value="900000">$900000</option>\
                                                    <option value="1000000">$1000000</option>\
                                                    <option value="1500000">$1500000</option>\
                                                    <option value="2000000">$2000000</option>\
                                                    <option value="2500000">$2500000</option>\
                                                    <option value="5000000">$5000000</option>\
                                                    <option value="10000000">$10000000</option></select>\
                                            </div>\
                                        </fieldset>\
                                    </div>\
                                    <button type="submit" class="btn btn-default btn-lg text-center btn-3d" data-hover="Search Property">Search Property</button></div>\
                            </form>\
                        </div>\
                    </section>\
                    <section class="widget recent-properties clearfix">\
                        <h5 class="title">Recent Properties</h5>\
                        <div class="property clearfix">\
                            <a href="#" class="feature-image zoom">\
                                <img data-action="zoom" src="assets/images/property/1.jpg" alt="Property Image"></a>\
                            <div class="property-contents">\
                                <h6 class="entry-title">\
                                    <a href="single-property.html">Luxury family home</a></h6>\
                                <span class="btn-price">$389.000</span>\
                                <div class="property-meta clearfix">\
                                    <span>\
                                        <i class="fa fa-arrows-alt"></i>3060 SqFt</span>\
                                    <span>\
                                        <i class="fa fa-bed"></i>3 Beds</span>\
                                    <span>\
                                        <i class="fa fa-bathtub"></i>3 Baths</span>\
                                    <span>\
                                        <i class="fa fa-cab"></i>Yes</span>\
                                </div>\
                            </div>\
                        </div>\
                        <div class="property clearfix">\
                            <a href="#" class="feature-image zoom">\
                                <img data-action="zoom" src="assets/images/property/2.jpg" alt="Property Image"></a>\
                            <div class="property-contents">\
                                <h6 class="entry-title">\
                                    <a href="single-property.html">Luxury family home</a></h6>\
                                <span class="btn-price">$389.000</span>\
                                <div class="property-meta clearfix">\
                                    <span>\
                                        <i class="fa fa-arrows-alt"></i>3060 SqFt</span>\
                                    <span>\
                                        <i class="fa fa-bed"></i>3 Beds</span>\
                                    <span>\
                                        <i class="fa fa-bathtub"></i>3 Baths</span>\
                                    <span>\
                                        <i class="fa fa-cab"></i>Yes</span>\
                                </div>\
                            </div>\
                        </div>\
                        <div class="property clearfix">\
                            <a href="#" class="feature-image zoom">\
                                <img data-action="zoom" src="assets/images/property/3.jpg" alt="Property Image"></a>\
                            <div class="property-contents">\
                                <h6 class="entry-title">\
                                    <a href="single-property.html">Luxury family home</a></h6>\
                                <span class="btn-price">$389.000</span>\
                                <div class="property-meta clearfix">\
                                    <span>\
                                        <i class="fa fa-arrows-alt"></i>3060 SqFt</span>\
                                    <span>\
                                        <i class="fa fa-bed"></i>3 Beds</span>\
                                    <span>\
                                        <i class="fa fa-bathtub"></i>3 Baths</span>\
                                    <span>\
                                        <i class="fa fa-cab"></i>Yes</span>\
                                </div>\
                            </div>\
                        </div>\
                    </section>\
                    <section class="widget property-taxonomies clearfix">\
                        <h5 class="title">Recent Status</h5>\
                        <ul class="clearfix">\
                            <li>\
                                <a href="#">For Rent</a>\
                                <span class="pull-right">29</span></li>\
                            <li>\
                                <a href="#">For Sale</a>\
                                <span class="pull-right">35</span></li>\
                            <li>\
                                <a href="#">Office For Rent</a>\
                                <span class="pull-right">07</span></li>\
                        </ul>\
                    </section>\
                    <section class="widget property-taxonomies clearfix">\
                        <h5 class="title">Recent Type</h5>\
                        <ul class="clearfix">\
                            <li>\
                                <a href="#">Apartment</a>\
                                <span class="pull-right">30</span></li>\
                            <li>\
                                <a href="#">Loft</a>\
                                <span class="pull-right">05</span></li>\
                            <li>\
                                <a href="#">Single Family Home</a>\
                                <span class="pull-right">28</span></li>\
                            <li>\
                                <a href="#">Vila</a>\
                                <span class="pull-right">37</span></li>\
                        </ul>\
                    </section>\
                </div>\
            </div>\
        </div>\
    </div>\
</div>\
',

});

